.purple-bg {
  background: #6366f1;
}

.green-bg {
  background: #34d399;
}

.red-bg {
  background: #ef4444;
}

.purpleText {
  color: #6366f1;
}

.redText {
  color: #ef4444;
}

.greenText {
  color: #34d399;
}

.yellowText {
  color: #f0f013;
}

.blueText {
  color: #1bce83;
}

.grayText {
  color: #808080;
}
.ellipsis-text {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#disabledText{
  opacity: .8;
  cursor: not-allowed;
  >span,>p{
    pointer-events: none;
  }
}
.break-text{
  word-break: break-all;
}